; (function () {
	$.louceng = function () {
		let num = $(".louceng_item").length;
		let strHtml = `<div class="louceng">`
		for (var i = 0; i < num; i++) {
			// strHtml += `<li class="${i == 0 ? 'current' : ''}">${i + 1}楼</li>`
			if(i==0){
				strHtml += `<li class="${i == 0 ? 'current' : ''}">健康厨房</li>`
			}else if(i==1){
				strHtml += `<li class="${i == 0 ? 'current' : ''}">健康休闲</li>`
			}else if(i==2){
				strHtml += `<li class="${i == 0 ? 'current' : ''}">一国一馆</li>`
			}
		}
		strHtml += `</div>`;

		$("body").append(strHtml);


		$(window).on("scroll", _.debounce(function () {
			let scrollTop = $(this).scrollTop();//不可见区域的值
			let clientH = document.documentElement.clientHeight;//浏览器的高度
			let lou1 = $(".louceng_item").eq(0).offset().top;//第一个楼层始终到文档的距离

			if (scrollTop >= lou1) {
				$(".louceng").show();
			} else {
				$(".louceng").hide();
			}
			//找下标
			let index = [...$(".louceng_item")].findIndex(el => $(el).offset().top > scrollTop + clientH / 3);
			index = index == 0 ? 1 : index;
			console.log(index);
			if (index == -1) {
				index = $(".louceng_item").length;
			}
			$(".louceng li").eq(index - 1).addClass("current").siblings().removeClass("current")
		}, 200))


		$(".louceng li").on("click", function () {
			let $index = $(this).index();
			// $(".louceng li").eq($index).addClass("current").siblings().removeClass("current");

			$("html,body").animate({
				scrollTop: $(".louceng_item").eq($index).offset().top
			}, function () {
				$(".louceng li").eq($index).addClass("current").siblings().removeClass("current");
			})
		})
	}


})()